theme: Match list row hover transition type of gtk

Currently we animate in both sides, hover on and hover off, and with
200ms. The downside of that it that it feels sluggish when passing with
the mouse hovering few items because the on transition is slow.

Match what gtk did for fix this for list rows hover state at
commit 52e91f1f74ecb943d, animating only on off hover. However,
gnome-shell doesn't support different kind of transitions for its css,
that will be lovely to have a easeOutQuad as well here.

diff --git a/data/theme/_common.scss b/data/theme/_common.scss
index 734a4c963ab71f550885d0d7db385b2cc71fe13f..a73fbbd8ffac4d09c97d06e562df91e72a5a8032 100644 (file)
--- a/data/theme/_common.scss
+++ b/data/theme/_common.scss
@@ -559,7 +559,7 @@ StScrollBar {
     &:focus .overview-icon,
     &:selected .overview-icon {
       background-color: transparentize($fg_color,.9);
-      transition-duration: 200ms;
+      transition-duration: 0ms;
       border-image: none;
       background-image: none;
     }

diff --git a/data/theme/gnome-shell.css b/data/theme/gnome-shell.css
index 2224b05920ca20a3c3acece1d814f632b0d3195e..f79ebd0b2a2aadb57df48accb42faa57171b4c0a 100644 (file)
--- a/data/theme/gnome-shell.css
+++ b/data/theme/gnome-shell.css
@@ -1470,7 +1470,7 @@ StScrollBar {
 .grid-search-result:focus .overview-icon,
 .grid-search-result:selected .overview-icon {
   background-color: rgba(238, 238, 236, 0.1);
-  transition-duration: 200ms;
+  transition-duration: 0ms;
   border-image: none;
   background-image: none; }